<template>
  <div>123</div>
</template>
<script lang="ts" setup>
const a = ref(1);
const b = reactive({a: 1, b: 2});
const c = computed(() => a.value * 2);
watch(() => a.value, (newVal, oldVal) => {
  console.log(newVal, oldVal);
});
watch(b, (newVal, oldVal) => {
  console.log(newVal, oldVal)
})
const route = useRoute();
const router = useRouter();
onMounted(() => {
  console.log("mounted");
  console.log(route, router);
});
</script>

<style lang='scss' scoped>
</style>
